<template>
<div class="main-container">
    <ToDo bgcolor="white" :select='false' :isAddCom='true'/>
    <el-divider></el-divider>
    <ToDoList/>
</div>
</template>

<script setup>
import ToDoList from "./ToDoList/index.vue"
import ToDo from "./ToDoList/Todo.vue"

</script>

<style lang="scss" scoped>
.main-container {
    margin-top: 20px;
    background-color: white;
    border-radius:var(--border-radius);
    min-height: 0;
    // width: 932px;
    padding: 13px;
    display: flex;
    flex-direction: column;
    // overflow: hidden;
    box-sizing: border-box;
    flex: 1 0 200px;
}
</style>